import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { TemplateInterporationComponent } from './template-interporation/template-interporation.component';
import { TemplateRefComponent } from './template-ref/template-ref.component';
import { ValueBindComponent } from './value-bind/value-bind.component';
import { EventBindingComponent } from './event-binding/event-binding.component';
import { TwowayBindingComponent } from './twoway-binding/twoway-binding.component';
import { NgIfComponent } from './ng-if/ng-if.component';
import { NgForComponent } from './ng-for/ng-for.component';
import { NgSwitchComponent } from './ng-switch/ng-switch.component';
import { NgClassComponent } from './ng-class/ng-class.component';
import { NgModelComponent } from './ng-model/ng-model.component';
import { NgStyleComponent } from './ng-style/ng-style.component';
import { PipeComponent } from './pipe/pipe.component';
import { ChildBindingComponent } from './twoway-binding/child-binding/child-binding.component';
import { SafeNavComponent } from './safe-nav/safe-nav.component';
import { CommunicationFatherchildComponent } from './communication-fatherchild/communication-fatherchild.component';
import { ChildComponent } from './communication-fatherchild/child/child.component';
import { CommunicationChildchildComponent } from './communication-childchild/communication-childchild.component';
import { Child1Component } from './communication-childchild/child1/child1.component';
import { Child2Component } from './communication-childchild/child2/child2.component';
import { ServiceService } from './communication-childchild/service/service.service';
import { CommunicationLocalstorageComponent } from './communication-localstorage/communication-localstorage.component';
import { TestChild1Component } from './communication-localstorage/child1/child1.component';
import { TestChild2Component } from './communication-localstorage/child2/child2.component';
import { LifecycleComponent } from './lifecycle/lifecycle.component';
import { LifecycleFatherChildComponent } from './lifecycle-father-child/lifecycle-father-child.component';
import { Child111Component } from './lifecycle-father-child/child111/child111.component';
import { LifecycleNgContentComponent } from './lifecycle-ng-content/lifecycle-ng-content.component';
import { Child333Component } from './lifecycle-ng-content/child333/child333.component';



@NgModule({
  declarations: [
    AppComponent,
    TemplateInterporationComponent,
    TemplateRefComponent,
    ValueBindComponent,
    EventBindingComponent,
    TwowayBindingComponent,
    NgIfComponent,
    NgForComponent,
    NgSwitchComponent,
    NgClassComponent,
    NgModelComponent,
    NgStyleComponent,
    PipeComponent,
    ChildBindingComponent,
    SafeNavComponent,
    CommunicationFatherchildComponent,
    ChildComponent,
    CommunicationChildchildComponent,
    Child1Component,
    Child2Component,
    CommunicationLocalstorageComponent,
    TestChild1Component,
    TestChild2Component,
    LifecycleComponent,
    LifecycleFatherChildComponent,
    Child111Component,
    LifecycleNgContentComponent,
    Child333Component
  ],
  imports: [
    BrowserModule,
    FormsModule
  ],
  providers: [ServiceService],
  bootstrap: [AppComponent]
})
export class AppModule { }
